@charset "UTF-8";
/* 强制文本换行 */
.textwrap, .textwrap td, .textwrap th{
    word-wrap:break-word;
    word-break:break-all;
}

.nomargin{ margin: 0 !important; }
.nopadding{ padding: 0 !important; }
.m20{ margin:20px; }
.p20{ padding:20px; }
.mr10{ margin-right: 10px; }
.ml10{ margin-left: 10px; }
.mb10{ margin-bottom: 10px; }
.dn{display: none;}
.db{display: block;}
.di{display: inline-block;}

// 浮动及闭合浮动
.fl{
   @extend %float-left;   //注意这里使用extend 会将其编译到文件的最开头
   //@include float(left);    //使用include 则是按照顺序来编译
}
.fr{
   @include float(true);
}
.clearfix{
   @include clearfix();
}

// 不同形式的隐藏
.hidden{
  // @extend %hidden;
  @include hidden();
}
.visually-hidden {
  // @extend %visually-hidden;
  @include visually-hidden();
}

// text-align:left/right/center
.tar{
  text-align: right;
}
.tac{
  text-align: center;
}

// 图片替换文字
.ir{
  @extend %ir;
}

// 灰色
.gray{
  color:$gray;
}

// ul/ol has list style
ul.has-style{
  @extend %ul-has-style;
}

// li float
ul.inline-float{
  @extend %clearfix;
  li{
    @include float;
  }
}
// li inline-block
ul.inline-block{
  li{
    @extend %inline-block;
    margin-right: 8px;
    &:last-child{
      margin-right: 0;
    }
  }
}
